<!DOCTYPE html>  
<html>  
  <head>  
    <title>Demo 18</title>
    <style>
.container {  
    display: grid;
    grid-template-columns: 100px 100px 100px;   
    grid-template-rows: 100px 250px 200px; 
    grid-gap: 10px;   
    background-color: black;   
    padding: 10px; 
    justify-content: space-between;
}  
.num {   
    background-color: grey;   
    text-align: center;   
    color: white;  
    padding: 10px 10px;   
    font-size: 30px;   
} 
</style>  
  </head>  
  <body>
    <div class="container">  
        <div class="num">One</div>   
        <div class="num">Two</div>   
        <div class="num">Three</div>      
        <div class="num">Four</div>   
        <div class="num">Five</div>   
        <div class="num">Six</div>   
        <div class="num">Seven</div>   
        <div class="num">Eight</div>   
    </div> 
  </body>
</html>